<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_样式的继承、默认样式</title>
    <style>
        .parent{
            font-size:50px;
            vertical-align: middle;
        }
        .box{
            height: 100px;
        }
        .box1{
            font-size: 20px;
            background-color: yellow;
        }
        .box2{
            background-color: blue;
        }
    </style>
</head>
<body>


<!--
       样式的继承：
        有些样式会继承,元素如果本身设置了某个样式,就使用本身设置的样式,但是如果本身没有设置某个样式，就会从父元素开始一级一级继承
        会继承的css属性
            字体属性、文本属性（vertical-align除外）、文字颜色等。
        不会继承的css属性
            边框、背景、内边距、外边距、宽高、溢出方式等。
    一个规律：能继承的属性,都是不影响布局的。简单说：都是和盒子模型无关的属性。

    元素的默认样式：
        元素一般都有些默认样式：
            <a>:下划线、字体颜色、鼠标小手。
            <h1>~<h6>:字体大小、字体样式、字体颜色。
            <p>:上下边距
            <ul>、<ol>:左右边距
            body:8px的外边距
            。。。。
        优先级：元素的默认样式大于继承的样式，所以如果要重置元素的默认样式,选择器一定要直接选中元素进行操作。
-->
    <div class="parent">
        <div class = "box box1">div1</div>
        <div class = "box box2">div2</div>
    </div>
</body>
</html>